import styled from "styled-components";

interface Props {
  children: string;
}

const BoxSize = "25px";

export default styled.div<Props>`
  min-width: calc(${BoxSize} + 22px);
  padding: ${({ children }) => (children.length === 1 ? 0 : "0 10px")};
  height: ${BoxSize};
  font-size: ${BoxSize};
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: cursive;
`;
